<template>
<div>{{ myMsg }}:{{nums}}</div>
</template>

<script >
export default {
  name:"Child1",
  props: {
    'msg':{
      type:String,
      default:'hello'
    },
    'nums':{
      type:Number,
      required:true
    }
  },
  data(){
    return{
      myMsg: this.msg + ':my'
    }
  },
  watch:{
    msg(val){
      console.log(`msg的信息改变为:${val}`)
    }
  },
  methods:{
    changValue(){
      this.myMsg = "子组件的新的信息"
    }
  }
}
</script>

<style scoped lang="scss">

</style>
